
{% extends 'base_main_goods.html' %}

{% block content %}
<h3 class="common_title">确认收货地址</h3>

	<div class="common_list_con clearfix">
		<dl>
			<dt>寄送到：</dt>
			<dd><input type="radio" name="" checked="">北京市 海淀区 东北旺西路8号中关村软件园 （李思 收） 182****7528</dd>
		</dl>
		<a href="user_center_site.html" class="edit_site">编辑收货地址</a>

	</div>

	<h3 class="common_title">支付方式</h3>
	<div class="common_list_con clearfix">
		<div class="pay_style_con clearfix">
			<input type="radio" name="pay_style" checked>
			<label class="cash">货到付款</label>
			<input type="radio" name="pay_style">
			<label class="weixin">微信支付</label>
			<input type="radio" name="pay_style">
			<label class="zhifubao"></label>
			<input type="radio" name="pay_style">
			<label class="bank">银行卡支付</label>
		</div>
	</div>

	<h3 class="common_title">商品列表</h3>

	<div class="common_list_con clearfix">
		<ul class="goods_list_th clearfix">
			<li class="col01">商品名称</li>
			<li class="col02">商品单位</li>
			<li class="col03">商品价格</li>
			<li class="col04">数量</li>
			<li class="col05">小计</li>
		</ul>
    {% for cart in carts %}
		<ul class="goods_list_td clearfix">
			<li class="col01">{{ forloop.counter }}</li>
			<li class="col02"><img src="/media/{{ cart.goods.goods_front_image }}"></li>
			<li class="col03">{{ cart.goods.name }}</li>
			<li class="col04">500g</li>
			<li class="col05">{{ cart.goods.shop_price }}</li>
			<li class="col06">{{ cart.nums }}</li>
			<li class="col07"><span>{{ cart.total_price }}</span>元</li>
		</ul>
    {% endfor %}
	</div>

	<h3 class="common_title">总金额结算</h3>

	<div class="common_list_con clearfix">
		<div class="settle_con">
			<div class="total_goods_count">共<em></em>件商品，总金额<b></b></div>
			<div class="transit">运费：<b>10元</b></div>
			<div class="total_pay">实付款：<b></b></div>
		</div>
	</div>

	<div class="order_submit clearfix">
		<a href="javascript:;" id="order_btn">提交订单</a>
	</div>
    {% csrf_token %}

    <script type="text/javascript">
		$('#order_btn').click(function() {
			localStorage.setItem('order_finish',2);

			$('.popup_con').fadeIn('fast', function() {

				setTimeout(function(){
					$('.popup_con').fadeOut('fast',function(){
						window.location.href = '{% url 'user:user_center_order' %}';
					});
				},3000)

			});
		{#	实现下单操作   #}
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();

        $.ajax({
            url:'/order/order/',
            type:'POST',
            dataType:'json',
            headers:{'X-CSRFToken':csrf},
            success:function (data) {


            },
            error:function (data) {
                alert('请求失败')
            }
        })
		});
	</script>

    <div class="popup_con">
    <div class="popup">
    <p>订单提交成功！</p>
    </div>

    <div class="mask"></div>
    </div>

{% endblock %}

{% block sub_page_name_fl %}
    <div class="sub_page_name fl">|&nbsp;&nbsp;&nbsp;&nbsp;提交订单</div>
{% endblock %}
{% block navbar_con %}

{% endblock %}

{% block cart %}
{% endblock %}

{% block js %}
    <script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
    <script>
    $(function () {
        var all_units_total_price = 0;
        var count = 0;
        var total_pay = 0;
        $('.goods_list_td>.col07>span').each(function () {
            all_units_total_price = all_units_total_price + parseInt($(this).text());
            count = count + 1;
        });
        total_pay = all_units_total_price + 10;
        $('.total_goods_count>em').text(count);
        $('.total_goods_count>b').html(all_units_total_price+'元');
        $('.total_pay>b').html(total_pay + '元');
    })

    </script>
{% endblock %}